import React from 'react';
// 方式1: 在函数组件外绑定

// 注意: 函数中的事件绑定一般在函数组件内定义事件, 因为函数组件开发项目一般会使用到hooks,
// hooks 规定只能在函数组件内使用或在其他的hooks中使用
// const handClick = (e) => {
//     console.log('点击事件');
//     console.log(e);
// }
const Myfun = () => {
    // 方式2: 在函数组件内定义事件
    const handClick = (e) => {
        console.log('点击事件');
        console.log(e);
        console.log(this);
    }
    return (
        <div>
            <p onClick={handClick}>我是函数组件</p>
        </div>
    );
}

export default Myfun;
